/*首页导航*/

header{position: relative;width: 100%;z-index: 999;background-color: white;border-bottom: 1px solid #e4e4e4;
}
.fix-zhan{width: 100%;height: 83px;display: none}
nav{margin: 0 auto;}
.navbar-default{background-color: transparent;}
.navbar{border: 0;}
.navbar-brand{padding: 0 60px;}
.navbar-brand img{width: 100%;}
.nav>li{position: relative;}
.menu{width: 100%;position: absolute;background-color: #fff;}
.menu a{color: #000;}
.dropdown-menu{padding: 0}
.dropdown-menu>li{top: 120px;padding: 0}
.navbar-nav>li>a{line-height: 57px;font-size: 14px;}
.navbar-default .navbar-nav>li>a{color: black;font-size: 15px;padding-top: 25px}
.navbar-default .navbar-nav>li{position: relative}
.caret{border-top: 8px dashed white;}
.navbar-default .navbar-nav>li>a:hover{;color: #834c92;}
.navbar-default .navbar-nav>li>a:hover .caret{transform: rotate(180deg);}
.dropdown-menu>li>a{color: black}
.dropdown-menu>li>a:hover{color: white;background: #834c92}
.s-er, .s-xinzhi, .s-phone{float: right;}
.s-er{font-size: 13px;line-height: 15px;margin-top: 11px;margin-right:25px ; }
.s-er img{float: left;}
.language{float: right;width: 1px;height: 24px;margin-top: 39px;background-color: white;border-radius: 12px;margin-right: 35px;border: 1px solid #bdbdbd;opacity: 0}
.language a{float: left;width: 35px;height: 24px;text-align: center;line-height: 24px;border-radius: 12px;text-decoration: none;color: #a0a0a0;margin: -1px;}
.language .on{background-color: #834c92;color: white;}
.s-phone{color: #834c92;font-size: 18px;line-height: 102px;}
.s-xinzhi h5{letter-spacing: 13px;font-size: 20px;text-align: center;margin-top: 21px;}
.s-xinzhi p{font-size: 12px;}

.navbar-nav>li> .togle_b:before{display: inline-block; width: 0;height: 0;content: "";border: 5px solid transparent;border-bottom: 10px solid #834c92;opacity: 0;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);transition: all .3s}
.navbar-nav>li> .togle_b:after{position: absolute;left: 50%;right: 50%;height: 2px;background: #834c92;transition: all .3s;content: "";bottom: 0;}
.navbar-nav>li:hover .togle_b:after{left: 15px;right: 15px;}
.navbar-nav>li:hover .togle_b:before{opacity: 1}
.dropdown-menu {width: calc(100% - 30px);left: 15px}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{color: #333;background: white}



/*底部*/
footer{text-align: center;background: url(../img/ditu.png) repeat;position: relative}
.s-content{max-width: 1400px;margin: 0 auto;padding: 75px 0;overflow: hidden;}
.s-zongbu{margin-left: 50px;float: left;text-align: left;}
.s-zongbu li{border-left: 1px solid white;float: left;padding: 0 40px;height: 130px}
.s-zongbu li:first-child{border: 0;}
footer li, footer p{color: white;font-size: 14px;line-height: 25px;margin: 0;color: white}
.s-zongbu li:first-child p:nth-child(2){font-weight: bold}
footer h5{font-weight: bold;margin: 0 0 30px;line-height: 30px;}
.s-bottom{float: right;margin-right: 20px;}
.s-bottom p:after{display: inline-block; width: 0;height: 0;content: "";border: 3px solid transparent;border-bottom: 3px solid white;border-right: 3px solid white;}
.s-bottom img{margin: 25px 0 0;}

/*1400以下*/

@media screen and (max-width: 1400px) {
	.s-zongbu li{padding: 0 calc(17vw - 193px);}
}


/*1200以上*/
@media screen and (min-width: 1200px) {
	/*.navbar-brand{padding-top: calc(54px - 2.6vw);padding-left: calc(40px + 5vw);padding-right: calc(40px + 1vw);}*/
	.navbar-brand{;padding-left: calc(40px + 5vw);}
	/*.navbar-brand img{width: calc(111px + (100vw - 600px)*111/700);}*/
	.navbar-brand img{width: 290px;margin-top: 13px}
	.nav>li{margin-right: calc(1.7vw - 12px);}
	.nav>li>a{padding-left: calc(2vw - 10px);padding-right: calc(2vw - 10px);}
	.language{margin-right: calc(3vw + 5px);}
	.s-xinzhi, .s-phone{margin-right: calc(1.5vw - 12px);}
}


/*1200以下*/
@media screen and (max-width: 1199px) {
	.navbar-brand{padding-top: calc(54px - 2.95vw);padding-left: calc(40px + 5vw);padding-right: calc(40px + 1vw);}
	.language{margin-right: calc((10vw - 868px)/12);}
	.navbar-brand{padding: 25px calc((50vw - 380px)/20);}
	.navbar-brand{padding-top: calc(35px - (9px + 10vw)*21/111);}
	.navbar-brand img{width: calc(18px + 20vw);}
	.navbar-nav>li>a{font-size: calc(12px + (100vw - 768px)/216);padding-left: calc(3px + 1vw);padding-right: calc(3px + 1vw);}
	.s-zongbu li{padding: 0 40px;border: 0;}
	.s-zongbu li:nth-child(3){clear: both;}
}
/*1000以下*/
@media screen and (max-width: 1000px) {
	.s-zongbu li{float: initial;border: 0;margin-bottom: 30px}
	.s-bottom{margin-right: 50px;margin-top: 30px;}
	.s-zongbu li{height: auto}
	.container-fluid{padding-right: 0}
	footer h5{font-weight: bold;margin: 0 0 15px;line-height: 30px;}
}


/*768px以上*/
@media screen and (min-width: 768px) {
	.navbar-nav{float: right;}
	.nav>li:hover .nav-ab:after{left: 15px;right: 15px;}
	.caret{position: absolute;bottom: 16px;left: 50%;margin-left: -5px;}
	.navbar-nav > li > a{padding-top: 0;padding-bottom: 0}


}
/*767以下*/
@media screen and (max-width: 767px) {
	.fix-zhan{width: 100%;height: 82px}
	.dropdown-menu>li>a:hover{color: white;background:none}
	.language{position: absolute;right: 15px;z-index: 1;margin-right: 0;}
	/*.navbar-brand{padding: 34px calc(100vw - 708px);}*/
	.navbar-brand img{width: 195px;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{background-color: #f3f3f3;}
	.navbar-default .navbar-nav > li > a{color: #5a5a5a;line-height: 25px;font-size: 16px}
	.navbar-default .navbar-nav > li > a:hover{color: black;}
	.caret{border-top: 4px dashed black;}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{color: black;}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color: black;}
	.s-clear{clear: both;}
	.s-bottom{width: 50%;margin: 10px auto;}
	.s-content{padding-top: 25px;}
	.navbar-nav>li> a:after{display: none}
	.navbar-nav>li> a:before{display: none}
	footer h5{font-weight: bold;margin: 0 ;line-height: 20px; }



}
/*723px以下*/
@media screen and (max-width: 723px) {
	.navbar-brand{padding: 24px 15px;}
}
/*600px以下*/
@media screen and (max-width: 600px) {
	footer h4{margin-left: 10%;}
	.s-zongbu{width: 80%;margin-left: 10%;}
	footer{text-align: left;}
	.s-bottom{text-align: center;}
}


.form{border: 1px solid #E2E2E2;background-color: #EFEFEF;max-width: 1200px;margin: auto;padding-left: 0}
.form h3{margin: 3% 0;margin-left: 9%;font-size: 18px;line-height: 18px;color: #808080;}
.form h3:before{display: inline-block;width: 8px;height: 18px;content: "";background-color: #834C92;vertical-align: top;margin-right: 10px;}
.form .row>div{margin-bottom: 25px;line-height: 39px;}
.form p{margin-left: 9%;color: #808080;font-size: 15px;line-height: 30px;margin-bottom: 0;}
.form input[type="text"],.birthday ,textarea{margin-left: 9%;width: 85%;height: 39px;line-height: 39px;font-size: 15px;padding-left: 3%;border: 1px solid #D9D9D9;border-radius: 4px;outline: none;}
textarea{height: 82px;resize: none;}
label{margin-bottom: 0;font-weight: initial;}
label input[type="radio"]{display: none;}
label input[type="radio"]:checked + span:before{background-color:#834C92;border-radius:50%;content:"";display:inline-block;height:9px;width:9px;border: 1px solid #d1d1d1;margin-top: 6px;}
.form div label span{background-color:white;border:1px solid #bcb9b9;border-radius:50%;display:inline-block;height:23px;width:23px;vertical-align: top;margin-top: 8px;text-align: center;}
.form div label:nth-child(2) span, .form  div label:nth-child(3) span{margin-right: 15px;}
.form div label:nth-child(2){margin-left: 9%;}
.form div label:nth-child(3){margin-left: 26px;}
.form img{margin-right: 17px;line-height: 30px;vertical-align: initial;}
.form .table{margin-left: 9%;width: 85%;overflow: hidden;}
.form table{width: 100%;min-width: 610px;margin-bottom: 8%;}
.form>input[type="button"]{float: right;width: 116px;font-size: 15px;color: white;text-align: center;line-height: 39px;background-color: #885396;border: 1px solid #D9D9D9;border-radius: 4px;outline: none;margin-bottom: 4%;margin-right: 6%;}
.form th, .form td{border: 1px solid #D9D9D9;font-size: 15px;line-height: 39px;}
.form th{background-color: #885396;color: white;font-weight: initial;padding-left: 30px;padding-right: 30px;}
.form td{background-color: white;min-height: 39px;}
.form table input[type="text"]{width: 100%;border: 0;margin: 0;}
.tijiao{padding: 28px 0 14px;text-align: center;}
.tijiao button{width: 241px;height: 52px;border: 1px solid #885396;border-radius: 4px;margin: 15px;background-color: transparent;color: #666666;font-size: 18px;}
.tijiao button:hover, .tijiao button:last-child{background-color: #885396;color: white;}
@media screen and (min-width: 768px) {
	.form .col-sm-6 p, .form .col-sm-6 input[type="text"], .form  div label:nth-child(2), textarea{margin-left: 18%;}
	.birthday{margin-left: 27%}
	.form .col-sm-6 input[type="text"], textarea{width: 75%;}
	.form  div label:nth-child(2) span, .form  div label:nth-child(3) span{margin-right: 9px;}
	.form .table{width: 87.5%;}
	.form>input[type="button"]{margin-right: 3.5%;}
}
@media screen and (min-width: 992px) {
	.form .col-md-4 p, .form .col-md-4 input[type="text"], .form .col-md-4 label:nth-child(2){margin-left: 27%;}
	.form .col-sm-6 input[type="text"], textarea{width: 70%;}
	.form .col-md-4 input[type="text"]{width: 55%;}
	.form .col-sm-6 input[type="date"], textarea{width: 70%;}
	.form .col-md-4 input[type="date"]{width: 55%;}
	.form .table{width: 85%;}
	.form>input[type="button"]{margin-right: 6%;}
}


#e-pic figure img{width: 100%;margin: 5px 0}
#e-pic .carousel-inner .col-xs-3{padding: 5px}
#e-pic .carousel-indicators{bottom: -50px}
#e-pic .carousel-control{top: auto;bottom: -58px;z-index: 50;display: block}
#e-pic #carousel-example-generic .carousel-control{background: none}
#e-pic #carousel-example-generic .carousel-control:hover{background: none}
#e-pic #carousel-example-generic .left{left: 40%}
#e-pic #carousel-example-generic .right{right: 40%}
#e-pic .carousel-indicators.bottom-lows li{width: 10px;height:10px;border-radius: 50%;border: 1px solid#333}
#e-pic .carousel-indicators.bottom-lows .active{width: 10px;height: 10px}


.foot-bei{margin: 0 auto;font-size: 14px;color: white;position: absolute;bottom: 0;width: 100%;text-align: center}
.foot-bei a{color: white}
.foot-bei a:hover{color: #068aff}


